@extends('index.lay')
@section('title', $car->name)
@section('nav')
<ul>
<li><a href="/">首页</a></li>
<li><a href="/NewCars">新车</a></li>
<li><a href="/Company">了解筋斗车</a></li>
<li><a href="/FAQ">筋斗问答</a></li>
</ul>
@endsection
@section('container-last')

@endsection


@section('container-content')
	<div class="detail_car row">
            <div class="detail_car_img col-md-6">
                <img src="{{$carurl}}/1.jpg">
                <span class="detail_car_img_more">查看{{$cardetails->img_count}}张图</span>
            </div>
            <div class="detail_car_info col-md-6">
                    <span class="detail_car_info_title">{{$car->name}} {{$car['details']}}</span>
                    <span class="detail_car_info_flag">服务费</span><span class="detail_car_info_word">超值精选限量抢，详情「预约到店」咨询商家；</span>

                    <div class="detail_heart">
                        <span class="detail_car_info_price">厂商指导价：{{FormatMoney($car['guide_price'])}}</span>
                        <!-- <span style="margin-left: 20px;color: red">筋斗价：{{FormatMoney($car['jdc_price'])}}</span> -->
                        <a href="#" class="detail_heart_a">
                            <i class="fa fa-heart-o"></i>
                            <span>关注</span>
                        </a>
                        <div class="clearfix"></div>
                    </div>
                    <div class="detail_car_info_year_title">
                        <!-- <span class="detail_car_info_year_title_tit">先用1年</span> -->
                        <!-- <ul class="row">
                            <li class="col-md-4">
                                <div>
                                    <span>服务费</span>
                                    <span>{{FormatMoney($car['first_pay'])}}元</span>
                                </div>
                            </li>
                            <li class="col-md-4">
                                <div>
                                    <span>月租金</span>
                                    <span>{{FloatEnInt($car['month_pay'])}}元</span>
                                </div>
                            </li>
                            <li class="col-md-4" style="height: 80px">
                                <div>
                                    <span style="color:red;">可随时支付尾款买断</span>
                                    <span style="color:#337ab7;cursor:pointer;font-size:13px;" class="detail_chakan_detail">查看详情</span>
                                </div>
                            </li>
                        </ul> -->
                        <span class="detail_car_year_span">免押金</span>
                        <span class="detail_car_year_span year_span_2" style="margin-left: 10px">免GPS费</span>
                        <span class="detail_car_year_span year_span_2" style="margin-left: 10px">免担保费</span>
                        <span class="detail_car_year_span year_span_2" style="margin-left: 10px">免装饰费</span>
                        <span class="detail_car_year_span year_span_2" style="margin-left: 10px">免上牌费</span>
                        <span class="detail_car_year_span year_span_2" style="margin-left: 10px">免提车手续费</span>
                        <span class="detail_car_year_span year_span_2" style="margin-left: 10px">免贷款续费</span>
                        <div class="detail_service">
                            <div class="wenhao_tips hidden">
                                <span>除车价外，还要支付服务费3000元，包括销售，转运，仓库包括销售，转运，仓库包括销售，转运，仓库包括销售，转运，仓库包括销售，转运，仓库</span>
                            </div>
                        </div>
                    </div>
                    

            </div>
        </div>

        <div class="detail_car_bottom row">
            <div class="detail_car_img_bottom col-md-6">
                <span>* 车图仅供参考，以车辆配置描述为准</span>
            </div>
            <div class="detail_car_info_bottom col-md-6">
               <!--  <div class="detail_car_info_bottom_first">
                    <img src="/style/images/detail_dingjin.png">
                    <span>预付1934元，购车最多可抵扣3868元</span>
                    <a href="#">查看详情</a>
                </div> -->
                <div class="detail_car_info_bottom_second">
                    <div class="detail_yuyue">
                       <a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-container="body" data-trigger="focus" data-placement="right" data-content="023-81307688">预约到店</a>  
                    </div>

                    <div class="detail_kefu">
                        <span>咨询客服</span>
                        <span>023-81307688</span>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>

        <div class="detail_car_info_tab">
            <ul>
                <li class="active">
                    <a href="#tabtab_1">车辆信息</a>
                </li>
                <li>
                    <a href="#tabtab_2">车型亮点</a>
                </li>
                <li>
                    <a href="#tabtab_3">购车说明</a>
                </li>
            </ul>
            <div class="clearfix"></div>
        </div>

        <div class="detail_car_info_tab_content">
            <div id="tabtab_1" class="mao_link_move"></div>
            <div class="detail_car_info_tab_content_tit">
                <span>基本配置</span>
                <a href="#">查看全部</a>
                <div class="clearfix"></div>
            </div>
            <ul class="detail_car_device_ul">
                @foreach($cardetails->base_info as $k=>$v)
                <li>
                    <span>{{$v[0]}}</span>
                    <span>{{$v[1]}}</span>
                </li>
                @endforeach
            </ul>
            <div class="clearfix"></div>

            <div id="tabtab_2" class="mao_link_move"></div>
            <div class="detail_car_info_tab_content_tit other">
                <span>车型亮点</span>
                <div class="clearfix"></div>
            </div>
            @foreach($cardetails->models_spotlight as $k=>$v)
            @if($k%2==0)
            <div class="detail_car_good_point">
                <div class="detail_car_good_point_img">
                    <img src="{{$carurl_light}}/{{$k+1}}.jpg">
                </div>
                <div class="detail_car_good_point_words">
                    <span>
                        {{$v[1]}}
                    </span>
                </div>
            </div>
            @else
            <div class="detail_car_good_point">
                <div class="detail_car_good_point_words">
                    <span>
                        {{$v[1]}}
                    </span>
                </div>

                <div class="detail_car_good_point_img">
                    <img src="{{$carurl_light}}/{{$k+1}}.jpg">
                </div>
                
            </div>
            @endif
            
            @endforeach
           <!--  <div class="detail_car_info_tab_content_tit other">
                <span>门店信息</span>
                <a href="#" class="detail_all_shop">查看1064家门店</a>
                <div class="clearfix"></div>
            </div> -->
           <!--  <ul class="detail_shop_map">
                <li>
                    <div>
                        <img src="/style/images/detail_local.png">
                        <span>北京大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>北京市朝阳区朝阳北路57号大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>18510921636</span>
                    </div>
                    <div>
                        <img src="/style/images/detail_shop.png">
                    </div>
                    <div>
                        <a href="#">查看地图</a>
                    </div>
                </li>
                <li>
                    <div>
                        <img src="/style/images/detail_local.png">
                        <span>北京大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>北京市朝阳区朝阳北路57号大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>18510921636</span>
                    </div>
                    <div>
                        <img src="/style/images/detail_shop.png">
                    </div>
                    <div>
                        <a href="#">查看地图</a>
                    </div>
                </li>
                <li>
                    <div>
                        <img src="/style/images/detail_local.png">
                        <span>北京大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>北京市朝阳区朝阳北路57号大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>18510921636</span>
                    </div>
                    <div>
                        <img src="/style/images/detail_shop.png">
                    </div>
                    <div>
                        <a href="#">查看地图</a>
                    </div>
                </li>
            </ul> -->
            <div class="clearfix"></div>

            <div id="tabtab_3" class="mao_link_move"></div>
         <!--    <div class="detail_car_info_tab_content_tit other">
                <span>购车说明</span>
                <div class="clearfix"></div>
            </div> -->
          <!--   <div class="detail_buy_tips">
                <span>根据蚂蚁金服个人信用评估结果不同，服务费比例最低10%，最高20%。用车期间服务费及月租金明细见下表：</span>
            </div> -->
          <!--   <div class="detail_buy_tips_table">
                <table>
                    <tbody>
                    <tr>
                        <td class="detail_buy_table_title">服务费比例</td>
                        <td>10%</td>
                        <td>12%</td>
                        <td>14%</td>
                        <td>15%</td>
                        <td>16%</td>
                        <td>18%</td>
                        <td>20%</td>
                    </tr>
                    <tr>
                        <td class="detail_buy_table_title">服务费</td>
                        <td>0.96万</td>
                        <td>1.16万</td>
                        <td>1.35万</td>
                        <td>1.45万</td>
                        <td>1.51万</td>
                        <td>1.74万</td>
                        <td>1.93万</td>
                    </tr>
                    <tr>
                        <td class="detail_buy_table_title">月租金</td>
                        <td>3198元</td>
                        <td>3198元</td>
                        <td>3198元</td>
                        <td>3198元</td>
                        <td>3198元</td>
                        <td>3198元</td>
                        <td>3198元</td>
                    </tr>
                    </tbody>
                </table>
            </div> -->


            <div class="detail_car_info_tab_content_tit other">
                <span>购车须知</span>
                <div class="clearfix"></div>
            </div>
            <div class="detail_buy_konw">
                <table>
                    <tbody>
                    <tr>
                        <td class="detail_buy_table_title">车辆归属</td>
                        <td>前一年用车期间。车辆及车牌所有权归属筋斗车平台</td>
                    </tr>
                    <tr>
                        <td class="detail_buy_table_title">资料</td>
                        <td>客户仅需拥有本人身份证（有效期内）、驾照（状态正常）无需其他资料</td>
                    </tr>
                    <tr>
                        <td class="detail_buy_table_title">购置税</td>
                        <td>筋斗车方案已含购置税，您无需支付额外费用</td>
                    </tr>
                    <tr>
                        <td class="detail_buy_table_title">保险</td>
                        <td>筋斗车送1年车险，含交强险、第三者责任险（30万）、车上人员责任险（司机）、车损险及以上几项险种的不计免陪险；提供盗抢险和涉水险理赔服务。如需增加其他保险险种，可联系顾问办理，增加险种费用由客户自己承担。</td>
                    </tr>
                    <tr>
                        <td class="detail_buy_table_title">上牌</td>
                        <td>由筋斗车负责，客户无需自主上牌</td>
                    </tr>
                    <tr>
                        <td class="detail_buy_table_title">还款</td>
                        <td>可选择预留银行卡代扣、或通过APP中的微信/支付宝端口进行手动还款</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div class="detail_car_info_tab_content_tit other">
                <span>只需4步爱车提回家</span>
                <div class="clearfix"></div>
            </div>
            <div class="detail_buy_car_step">
                <img src="/style/images/detail_step.png">
            </div>
        </div>
        <div class="index_step">
            <div class="step_text">
                <h4 style="font-weight: 600">预约到店</h4>
                <p>在APP内选车联系我们后,我们的销售顾问会在24小时内为您安排1对1的服务</p>
            </div>
            <div class="step_text" style="margin-left: 5%">
                <h4 style="font-weight: 600">信用评估</h4>
                <p>由筋斗车当地服务顾问为客户详细介绍车型和筋斗车方案确认购买意向后,通过当地顾问申请提交审核即可</p>
            </div>
            <div class="step_text" style="margin-left: 5%">
                <h4 style="font-weight: 600">签约支付服务费等待提车</h4>
                <p>客户完成协议签订并支付综合费用后,筋斗车会安排上牌相关事宜</p>
            </div>
            <div class="step_text" style="margin-left: 5%">
                <h4 style="font-weight: 600">到店提车</h4>
                <p>上牌结束后即可自主提车结束流程</p>
            </div>
            <div style="clear: both;"></div>
            <div class="index_newcar_title detail_titile_top">
                <span>为您推荐</span>
                <div class="clearfix"></div>
            </div>
            <div class="newcar_content">
                <ul>
                    @foreach($carted as $k=>$v)
                    <li>
                        <a href="/details?carid={{$v->id}}">
                            <div class="newcar_img"><img src="{{$urlcar}}{{$v->carnum}}/1.jpg"></div>
                            <span class="newcar_nofirstpay">极速提车</span>
                            <span class="newcar_title elec">{{$v->name}}</span>
                            <span class="newcar_info elec">{{$v->details}}</span>
                            <span class="zhidao_price elec">指导价：{{FormatMoney($v->guide_price)}}起</span>
                            <!-- <span style="color: red;display: block;">筋斗价：{{FormatMoney($v->jdc_price)}}</span> -->
                            <!-- <span class="newcar_pay elec">服务费{{FormatMoney($v->first_pay)}}</span> -->
                            <!-- <span class="newcar_month elec">月租金{{FloatEnInt($v->month_pay)}}元</span> -->
                            <!-- <img src="/style/images/newcar_flag.png" class="newcar_flag"> -->
                        </a>
                    </li>
                    @endforeach
                </ul>
                <div class="clearfix"></div>
            </div>

        </div>
@endsection


@section('container-after')
<div class="detail_swiper unvisible_bg">
    <div class="opacity_bg"></div>

    <div class="detail_swiper_hidden_img_close">
        <img src="/style/images/img_close.png">
    </div>

    <div class="swiper-container" id="detail_swiper_1">
        <div class="swiper-wrapper">
            @for($i=1;$i<=$cardetails->img_count;$i++)
            <div class="swiper-slide">
                <img src="{{$carurl}}/{{$i}}.jpg">
            </div>
            @endfor
        </div>

        <div class="swiper-pagination"></div>
        <div class="swiper-button-prev swiper-button-white"></div>
        <div class="swiper-button-next swiper-button-white"></div>
    </div>


    <div class="swiper-container" id="detail_swiper_2">
        <div class="swiper-wrapper">
             @for($i=1;$i<=$cardetails->img_count;$i++)
            <div class="swiper-slide">
                <img src="{{$carurl}}/{{$i}}.jpg">
            </div>
            @endfor
        </div>
    </div>
</div>

<div class="detail_chakan_detail_content_container unvisible_bg" id="detail_chakan_detail_content_container_1">
    <div class="opacity_bg"></div>
    <div class="detail_chakan_detail_content">
        <div class="alert_container_title">
            <span>方案说明</span>
            <img src="/style/images/close.png" class="close_detail_chakan_detail_content_container">
            <div class="clearfix"></div>
        </div>
        <div class="alert_content">
            <div class="alert_content_title">
                <span>
                   根据买断时租赁月份不同,买断后尾款及月租金不同,明细见下表:
                </span>
            </div>
            <table class="table table-hover" id="table_tr">
                <thead>
                    <tr>
                        <th>期数</th> 
                        <th>月租金</th>  
                        <th>尾款</th> 
                    </tr>
                </thead>
                <tbody>
                    @foreach($carprice as $k=>$v)
                    <tr>
                        <td>{{$v->pay_month}}</td>
                        <td>{{FloatEnInt($car['month_pay'])}}元</td>
                        <td>{{FormatMoney($v->surplus_money)}}元</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="detail_chakan_detail_content_container unvisible_bg" id="detail_chakan_detail_content_container_2">
    <div class="opacity_bg"></div>
    <div class="detail_chakan_detail_content">
        <div class="alert_container_title">
            <span>定金翻倍</span>
            <img src="/style/images/close.png" class="close_detail_chakan_detail_content_container">
            <div class="clearfix"></div>
        </div>
        <div class="alert_content">
            <p>
                支付服务费时，预交购车保证金1934元
            </p>
            <p>
                1年后，若选择分期购车，抵扣月租金总额3868元，分摊至36期；若选择尾款全款购车，抵扣2901元购车款，一次性返还
            </p>
            <p>
                缴纳保证金后，租赁到期不可再选择续租和退车
            </p>
        </div>
    </div>
</div>

<div class="detail_chakan_detail_content_container unvisible_bg" id="detail_chakan_detail_content_container_3">
    <div class="opacity_bg"></div>
    <div class="detail_chakan_detail_content">
        <div class="alert_container_title">
            <span>参数配置</span>
            <img src="/style/images/close.png" class="close_detail_chakan_detail_content_container">
            <div class="clearfix"></div>
        </div>
        <div class="alert_content">
            ● 标配 ○ 选配 - 无
            <div class="alert_canshu_title">
                车身配置
            </div>
            <ul class="alert_canshu_ul">
                @foreach($cardetails->body_config as $k=>$v)
                <li>
                    <span>{{$v[0]}}</span>
                    <span>{{$v[1]}}</span>
                    <div class="clearfix"></div>
                </li>
               @endforeach
            </ul>
            <div class="alert_canshu_title">
                发动机配置
            </div>
            <ul class="alert_canshu_ul">
                @foreach($cardetails->engine_config as $k=>$v)
                <li>
                    <span>{{$v[0]}}</span>
                    <span>{{$v[1]}}</span>
                    <div class="clearfix"></div>
                </li>
               @endforeach
            </ul>
            <div class="alert_canshu_title">
                变速箱配置
            </div>
            <ul class="alert_canshu_ul">
                @foreach($cardetails->gearbox_config as $k=>$v)
                <li>
                    <span>{{$v[0]}}</span>
                    <span>{{$v[1]}}</span>
                    <div class="clearfix"></div>
                </li>
               @endforeach
            </ul>
            <div class="alert_canshu_title">
                底盘转向
            </div>
            <ul class="alert_canshu_ul">
                @foreach($cardetails->chassis_steering as $k=>$v)
                <li>
                    <span>{{$v[0]}}</span>
                    <span>{{$v[1]}}</span>
                    <div class="clearfix"></div>
                </li>
               @endforeach
            </ul>
            <div class="alert_canshu_title">
                车轮制动
            </div>
            <ul class="alert_canshu_ul">
                @foreach($cardetails->wheel_brake as $k=>$v)
                <li>
                    <span>{{$v[0]}}</span>
                    <span>{{$v[1]}}</span>
                    <div class="clearfix"></div>
                </li>
               @endforeach
            </ul>
            <div class="alert_canshu_title">
                安全装备
            </div>
            <ul class="alert_canshu_ul">
                @foreach($cardetails->safety_equip as $k=>$v)
                <li>
                    <span>{{$v[0]}}</span>
                    <span>{{$v[1]}}</span>
                    <div class="clearfix"></div>
                </li>
               @endforeach
            </ul>
            <div class="alert_canshu_title">
                操控配置
            </div>
            <ul class="alert_canshu_ul">
                @foreach($cardetails->control_config as $k=>$v)
                <li>
                    <span>{{$v[0]}}</span>
                    <span>{{$v[1]}}</span>
                    <div class="clearfix"></div>
                </li>
               @endforeach
            </ul>
            <div class="alert_canshu_title">
                外部配置
            </div>
            <ul class="alert_canshu_ul">
                @foreach($cardetails->outside_config as $k=>$v)
                <li>
                    <span>{{$v[0]}}</span>
                    <span>{{$v[1]}}</span>
                    <div class="clearfix"></div>
                </li>
               @endforeach
            </ul>
            <div class="alert_canshu_title">
                内部配置
            </div>
            <ul class="alert_canshu_ul">
                @foreach($cardetails->inside_config as $k=>$v)
                <li>
                    <span>{{$v[0]}}</span>
                    <span>{{$v[1]}}</span>
                    <div class="clearfix"></div>
                </li>
               @endforeach
            </ul>
            <div class="alert_canshu_title">
                座椅配置
            </div>
            <ul class="alert_canshu_ul">
                @foreach($cardetails->chair_config as $k=>$v)
                <li>
                    <span>{{$v[0]}}</span>
                    <span>{{$v[1]}}</span>
                    <div class="clearfix"></div>
                </li>
               @endforeach
            </ul>
            <div class="alert_canshu_title">
                多媒体配置
            </div>
            <ul class="alert_canshu_ul">
                @foreach($cardetails->multimedia_config as $k=>$v)
                <li>
                    <span>{{$v[0]}}</span>
                    <span>{{$v[1]}}</span>
                    <div class="clearfix"></div>
                </li>
               @endforeach
            </ul>
            <div class="alert_canshu_title">
                灯光配置
            </div>
            <ul class="alert_canshu_ul">
                @foreach($cardetails->light_config as $k=>$v)
                <li>
                    <span>{{$v[0]}}</span>
                    <span>{{$v[1]}}</span>
                    <div class="clearfix"></div>
                </li>
               @endforeach
            </ul>
            <div class="alert_canshu_title">
                玻璃／后视镜
            </div>
            <ul class="alert_canshu_ul">
                @foreach($cardetails->mirrors_config as $k=>$v)
                <li>
                    <span>{{$v[0]}}</span>
                    <span>{{$v[1]}}</span>
                    <div class="clearfix"></div>
                </li>
               @endforeach
            </ul>
            <div class="alert_canshu_title">
                空调／冰箱
            </div>
            <ul class="alert_canshu_ul">
                @foreach($cardetails->aircondition_config as $k=>$v)
                <li>
                    <span>{{$v[0]}}</span>
                    <span>{{$v[1]}}</span>
                    <div class="clearfix"></div>
                </li>
               @endforeach
            </ul>
            <div class="alert_canshu_title">
               高科技配置
            </div>
            <ul class="alert_canshu_ul">
                @foreach($cardetails->hightech_config as $k=>$v)
                <li>
                    <span>{{$v[0]}}</span>
                    <span>{{$v[1]}}</span>
                    <div class="clearfix"></div>
                </li>
               @endforeach
            </ul>

        </div>
    </div>
</div>

<div class="detail_chakan_detail_content_container unvisible_bg" id="detail_chakan_detail_content_container_4">
    <div class="opacity_bg"></div>
    <div class="detail_chakan_detail_content">
        <div class="alert_container_title">
            <span>全部1068家门店</span>
            <img src="/style/images/close.png" class="close_detail_chakan_detail_content_container">
            <div class="clearfix"></div>
        </div>
        <!-- <div class="alert_content"> -->
          <!--   <ul class="detail_shop_map">
                <li>
                    <div>
                        <img src="/style/images/detail_local.png">
                        <span>北京大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>北京市朝阳区朝阳北路57号大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>18510921636</span>
                    </div>
                    <div>
                        <img src="/style/images/detail_shop.png">
                    </div>
                    <div>
                        <a href="#">查看地图</a>
                    </div>
                </li>
                <li>
                    <div>
                        <img src="/style/images/detail_local.png">
                        <span>北京大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>北京市朝阳区朝阳北路57号大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>18510921636</span>
                    </div>
                    <div>
                        <img src="/style/images/detail_shop.png">
                    </div>
                    <div>
                        <a href="#">查看地图</a>
                    </div>
                </li>
                <li>
                    <div>
                        <img src="/style/images/detail_local.png">
                        <span>北京大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>北京市朝阳区朝阳北路57号大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>18510921636</span>
                    </div>
                    <div>
                        <img src="/style/images/detail_shop.png">
                    </div>
                    <div>
                        <a href="#">查看地图</a>
                    </div>
                </li>
                <li>
                    <div>
                        <img src="/style/images/detail_local.png">
                        <span>北京大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>北京市朝阳区朝阳北路57号大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>18510921636</span>
                    </div>
                    <div>
                        <img src="/style/images/detail_shop.png">
                    </div>
                    <div>
                        <a href="#">查看地图</a>
                    </div>
                </li>
                <li>
                    <div>
                        <img src="/style/images/detail_local.png">
                        <span>北京大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>北京市朝阳区朝阳北路57号大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>18510921636</span>
                    </div>
                    <div>
                        <img src="/style/images/detail_shop.png">
                    </div>
                    <div>
                        <a href="#">查看地图</a>
                    </div>
                </li>
                <li>
                    <div>
                        <img src="/style/images/detail_local.png">
                        <span>北京大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>北京市朝阳区朝阳北路57号大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>18510921636</span>
                    </div>
                    <div>
                        <img src="/style/images/detail_shop.png">
                    </div>
                    <div>
                        <a href="#">查看地图</a>
                    </div>
                </li>
                <li>
                    <div>
                        <img src="/style/images/detail_local.png">
                        <span>北京大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>北京市朝阳区朝阳北路57号大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>18510921636</span>
                    </div>
                    <div>
                        <img src="/style/images/detail_shop.png">
                    </div>
                    <div>
                        <a href="#">查看地图</a>
                    </div>
                </li>
                <li>
                    <div>
                        <img src="/style/images/detail_local.png">
                        <span>北京大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>北京市朝阳区朝阳北路57号大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>18510921636</span>
                    </div>
                    <div>
                        <img src="/style/images/detail_shop.png">
                    </div>
                    <div>
                        <a href="#">查看地图</a>
                    </div>
                </li>
                <li>
                    <div>
                        <img src="/style/images/detail_local.png">
                        <span>北京大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>北京市朝阳区朝阳北路57号大象臻选朝阳北路店</span>
                    </div>
                    <div>
                        <span>18510921636</span>
                    </div>
                    <div>
                        <img src="/style/images/detail_shop.png">
                    </div>
                    <div>
                        <a href="#">查看地图</a>
                    </div>
                </li>
            </ul> -->
        <!-- </div> -->
    </div>
</div>

@endsection


@section('write-js')
<script type="text/javascript">
     $(function () {
  $('[data-toggle="popover"]').popover() 
})
    $(document).ready(function () {
        $(window).bind("scroll", function () {
            var sTop = $(window).scrollTop();
            var sTop = parseInt(sTop);
            if (sTop >= 130) {
                $("#scrollTopDiv").removeClass("hidden");
            }
            else {
                $("#scrollTopDiv").addClass("hidden");
            }
        });
        $("#aside1").hover(function () {
            $(".aside_fixed_hidden_1").toggleClass("hidden");
        });
        $("#aside2").hover(function () {
            $(".aside_fixed_hidden_2").toggleClass("hidden");
        });
        $("#aside3").hover(function () {
            $(".aside_fixed_hidden_3").toggleClass("hidden");
        });
        $(".index_header_search_input").focus(function(){
            $(".index_header_hidden_hot_search").fadeIn(500);
        });
        $(".index_header_search_input").blur(function(){
            $(".index_header_hidden_hot_search").fadeOut(500);
        });
        $(".header_mine").hover(function () {
            $(".header_mine i").addClass("fa-caret-up");
            $(".header_mine i").removeClass("fa-caret-down");
            $(".hidden_mine").css("display","block");
        },function () {
            $(".hidden_mine").css("display","none");
            $(".header_mine i").addClass("fa-caret-down");
            $(".header_mine i").removeClass("fa-caret-up");
        });
        $(".hidden_mine").hover(function () {
            $(this).css("display","block");
            $(".header_mine i").addClass("fa-caret-up");
            $(".header_mine i").removeClass("fa-caret-down");
            $(".header_mine").css("background-color","#f8f8f8");
        },function () {
            $(this).css("display","none");
            $(".header_mine i").addClass("fa-caret-down");
            $(".header_mine i").removeClass("fa-caret-up");
            $(".header_mine").css("background-color","#fff");
        });
        $(".detail_car_wenhao").hover(function () {
            $(".wenhao_tips").toggleClass("hidden");
        });
        $(".detail_car_info_tab ul li").click(function () {
            $(this).addClass("active");
            $(this).siblings().removeClass("active");
        });
        $(".detail_heart_a").click(function () {
            $(this).toggleClass("active");
            $(".detail_heart_a i").toggleClass("fa-heart-o");
            $(".detail_heart_a i").toggleClass("fa-heart");
        });
        var Swiper1 = new Swiper('#detail_swiper_1',{
            // 如果需要分页器
            pagination: '.swiper-pagination',

            // 如果需要前进后退按钮
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            paginationType:'fraction'
        });
        var Swiper2 = new Swiper('#detail_swiper_2',{
            slidesPerView:6,
            slideToClickedSlide:true,
            centeredSlides: true
        });
        Swiper1.params.control = Swiper2;//需要在Swiper2初始化后，Swiper1控制Swiper2
        Swiper2.params.control = Swiper1;//需要在Swiper1初始化后，Swiper2控制Swiper1
        $(".detail_car_img_more").click(function () {
            $(".detail_swiper").toggleClass("unvisible_bg");
            $("body").addClass("no_scroll_body");
        });
        $(".detail_swiper_hidden_img_close").click(function () {
            $(".detail_swiper").addClass("unvisible_bg");
            $("body").removeClass("no_scroll_body");
        });


        var tab=$(".detail_car_info_tab"); //得到导航对象
        var win=$(window); //得到窗口对象
        var sc=$(document);//得到document文档对象。
        win.scroll(function() {
            if (sc.scrollTop() >= 700) {
                tab.addClass("fixedtab");
            } else {
                tab.removeClass("fixedtab");
            }
        });

        $(".detail_chakan_detail").click(function (e) {
            $("#detail_chakan_detail_content_container_1").toggleClass("unvisible_bg");
            e.stopPropagation();
            $("body").addClass("no_scroll_body");
        });
        $("#detail_chakan_detail_content_container_1").click(function (e) {
            e.stopPropagation();
        });

        $(".detail_car_info_bottom_first a").click(function (e) {
            $("#detail_chakan_detail_content_container_2").toggleClass("unvisible_bg");
            e.stopPropagation();
            $("body").addClass("no_scroll_body");
        });
        $("#detail_chakan_detail_content_container_2").click(function (e) {
            e.stopPropagation();
        });

        $(".detail_car_info_tab_content_tit a").click(function (e) {
            $("#detail_chakan_detail_content_container_3").toggleClass("unvisible_bg");
            e.stopPropagation();
            $("body").addClass("no_scroll_body");
        });
        $("#detail_chakan_detail_content_container_3").click(function (e) {
            e.stopPropagation();
        });

        $(".detail_all_shop").click(function (e) {
            $("#detail_chakan_detail_content_container_4").toggleClass("unvisible_bg");
            e.stopPropagation();
            $("body").addClass("no_scroll_body");
        });
        $("#detail_chakan_detail_content_container_4").click(function (e) {
            e.stopPropagation();
        });

        $(document).click(function () {
            $(".detail_chakan_detail_content_container").addClass("unvisible_bg");
        });
        $(".close_detail_chakan_detail_content_container").click(function () {
            $(".detail_chakan_detail_content_container").addClass("unvisible_bg");
            $("body").removeClass("no_scroll_body");
        })
    })
</script>
@endsection
